.section-text-image {
  p {
    line-height: 1.5;
  }

  .container-image {
    width: 100%;
    aspect-ratio: 1.5;
    overflow: hidden;
    position: relative;
    padding: 40px;
    z-index: 3;

    img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: 0.4s;
      border-radius: 100px 25px 25px 25px;
    }
  }

  .container-image::before {
    position: absolute;
    content: "";
    width: 250px;
    height: 250px;
    background: var(--color-secondary);
    margin-top: -40px;
    right: 0;
    z-index: -1;
    border-radius: 20px 80px 40px;
  }

  .container-image::after {
    position: absolute;
    content: "";
    width: 250px;
    height: 250px;
    background: var(--color-secondary);
    margin-top: -40px;
    left: 0;
    z-index: -1;
    border-radius: 20px 80px 40px;
    bottom: 0;
  }
}

.section:nth-of-type(2n) .container-image::before,
.section:nth-of-type(2n) .container-image::after {
  background: var(--color-mustard-20);
}


@media (max-width: 768px) {
  .section-text-image {
  & .container-image {
    padding: 30px!important;
  }
}
   .container-image::before,
  .container-image::after {
    width: 35%!important;
    height: 35%!important;

  }
   .container-image::before {

    margin-top: -25px!important;
  }
}


.section-text-image h3, .section-text-image h4, .section-text-image h5, .section-text-image h6 {
	color: #000;
}